<template>
    <div class="logo">
        <group>
            <x-input title="手机号码"  v-model="name"  placeholder="请输入账号"></x-input>
        </group>
        <group>
            <x-input title="手机号码"  v-model="password" placeholder="请输入账号"></x-input>
        </group>   
        <flexbox>
            <x-button @click.native="login">登录</x-button>
        </flexbox>        
    </div>
</template>
<script>  
import { XInput, Group, XButton, Cell,Flexbox } from 'vux'
export default {
    components: {
        XInput,
        XButton,
        Group,
        Cell,
        Flexbox
    },
    data(){
        return {
            name :'',
            password : ''
        }
    },
    methods: {
        login() {
            console.log('111')
            //this.$router.push('/page/index')
        }
    }
}
</script>
<style lang="less">
    .logo{
        padding: 20px;
    }
    .vux-flex-row{
        margin-top: 20px;
    }
</style>